<template>
  <div class="index-container">
    <RayTable ref="table" :menu="menu" :data_object_no="menu.data_object_no" :height="tableHeight">
      <template #line_btn_prepend="{row}">
        <el-button type="info" size="mini" round icon="el-icon-document" @click="detail(row)">详情</el-button>
      </template>
    </RayTable>
    <OrderDetail ref="orderDetail" />
  </div>
</template>

<script>
import RayTable from '@/views/template/components/rayTable.vue'
import OrderDetail from '@/views/template/components/orderDetail.vue'

export default {
  name: 'Order',
  components: {
    RayTable,
    OrderDetail
  },
  data() {
    return {

    }
  },
  created() {
    this.menu = this.$route.meta.query
    this.tableHeight = document.documentElement.clientHeight - 250
  },
  methods: {
    detail(row) {
      this.$refs.orderDetail.show(this.menu, row, this.$refs.table.columns, this.$refs.table.selectDatas, this.$refs.table.rules, this.$refs.table.data_object)
    }
  }
}
</script>

<style></style>
